<script type="text/javascript">
function prueba(){
var anos; 
  var num = $("#fecha2").val().substring(0,2);
 return anos =  $("#fecha2").val().substring(6,10)+','+num+','+$("#fecha2").val().substring(3,5);
   	 
} 
</script>

<div id="error"></div>
<script language="javascript">
    // apply filters

        var applyFilter = function(){
        jQuery("#list").setGridParam({
            url: '<?php echo site_url() ?>/transaccionentrada/historialdata/p',
            page:1,
            postData:{
                search: true,
                name: $('#name').val(),
                dispara_fin:$('.f_fin:checked').val()
            }
        }).trigger("reloadGrid");
    }
    
    jQuery(document).ready(function(){
        jQuery("#list").jqGrid({
     	   url: '<?php echo site_url() ?>/trancrearcompania/dataRipor/',
           mtype: 'POST',
           datatype: 'json',
           colNames:['ID','Referencia', 'Etapa', 'Estatus', 'Usuario', 'Horas','HE', 'HP', 'HR' , 'RS'],
           colModel :[
               {name:'IdProseso', index:'IdEstatus', width:10,hidden:true},
               {name:'Referencia', index:'NombreStatus', width:70},
               {name:'Etapa', index:'DescStatus', width:15},
               {name:'Estatus', index:'DescStatus', width:20},
               {name:'Usuario', index:'DescStatus', width:30},
               {name:'HoraDurada', index:'DescStatus', width:10},
               {name:'HE', index:'DescStatus', width:10},
               {name:'HoraPerdamiti', index:'DescStatus', width:10},
               {name:'HoraPasada', index:'DescStatus', width:20},
               {name:'Puntuacion', index:'DescStatus', width:20}
               ],    
            pager: jQuery('#pager'),
            hiddengrid: true,
            sortname: 'IdProseso',
            rowNum:2000,       
            rowList:[100,150,250],
            sortorder: "asc",
            height: '100%',
            width: '660',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: false,
            onSelectRow: function(ids) 
            {
        	
        	},
            adjacents: 4,
            jsonReader: { repeatitems : false, id_etapa: "0" }
        }).navGrid('#pager',{add:false,del:false,edit:false,search:false,position:"left"}) 
     ; 
        $('#apply_filter').bind('click', applyFilter);
    });
    
    
     function getCheckedValue(radioObj) 
 {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}


 
   function cargarporfecha2()
 {
 	if ($('#entrada').val())
 	{
 	
 		var fecha1 = $('#fecha2').val();
 		var fecha2 = $('#fecha3').val();
        var etapa = $('#entrada').val();
        var modo = $('#filtroi').val();
        var filtro = $('#marca').val();
 		
		f1 = fecha1.replace('/','.');   
		f2 = fecha2.replace('/','.');  
		f1 = f1.replace('/','.');
		f2 = f2.replace('/','.');     


          var valString = etapa+"-"+filtro+"-"+f1+"-"+f2+"-"+modo; 
 	
 		jQuery("#list").setGridParam({url:_site_url+'/trancrearcompania/dataRipor/'+valString,page : 1}).trigger('reloadGrid');
 		
 	 }
 		
 }

</script>
<?php

$entrada = $this->metapas->LoadEtapas();
$estatus = $this->mestatus->LoadEstatus();

?>

<div class="table_container">

<div id="infowrap" style="margin-top:10px;">
			<div>
			<div class="msg_list">
			    <p class="msg_head"><strong>Buscar::. </strong></p>
			<div class="msg_body">
         <table>
               	<tr>
               	
		   <td><b>DE:</b>  <input type="text" name="fecha2" id="fecha2">
		          <script type="text/javascript">
                                $(function()
                                {
                                 $("#fecha2").datepicker({});
                                });
                                </script>
             <b>   HASTA:</b>
                  <input type="text" name="fecha3" id="fecha3">
		          <script type="text/javascript">
                                $(function()
                                {
                                  $("#fecha3").datepicker({});
                                });
                                </script>
		                       
		       </td>
		        <td></td>	
		
		</tr>
				<tr>
		   <td>
		     <b>Modo de busqueda:</b>
		
		              <select name="filtroi" id="filtroi">
		       
		           	 <option value=0>Registro activos</option>
		           	 <option value=1>Registro historico</option>
		           	 <option value=4>Calculado</option>
		        
		      </select>
		
		  
		   </td>	
		   <td></td>	
		</tr>
		
			<tr>
		   <td>
		     <b>Filtro Agrupacion:</b>
		
		              <select name="marca" id="marca">
		       
		           	 <option value=1>Agrupar</option>
		           	 <option value=0>Detalles</option>
		         
		        
		      </select>
		
		  
		   </td>	
		   <td><?php 
		      echo $this->session->userdata('promedio');
		   ?></td>	
		</tr>
		
		
		
				<tr>
		   <td>
		     <b> Tipo de Salida:</b>
		      <select name="entrada" id="entrada">
		         <?php 
		           foreach ($entrada as $k)
		           {
		           	 echo '<option value='.$k->GetIdEtapa().'>'.$k->GetNombre().'</option>';
		           }
		         ?>
		      </select>
		      
		   </td>	
		   <td><input type="button" value="GO" onclick="cargarporfecha2()"></td>	
		</tr>
            
            </table>
		  </div>
		</div>
     </div>	

</div>
<table> 
    <tr>
    	<td><div id="titulo">Reporte Con Filtros</div></td>
    </tr>
    <tr>
        <td>
            <table id="list" class="scroll"></table>
            <div id="pager" class="scroll" style="text-align:center;"></div>
        </td>
	</tr>
 </table>
</div>